import React, {useContext} from "react";
import "./Footer.scss";
import {Fade} from "react-reveal";
import emoji from "react-easy-emoji";
import StyleContext from "../../contexts/StyleContext";

export default function Footer() {
  const {isDark} = useContext(StyleContext);
  return (
    <Fade bottom duration={1000} distance="5px">
      <div className="footer-div">
        <p className={isDark ? "dark-mode footer-text" : "footer-text"}>
          <a href="https://gitee.com/e4ting/homepage">
            {emoji("网站源码 ❤️")}
          </a>
          {" 网站备案号 "}
          <img src="//img.e4ting.cn/img/beian.png" />
          <a href="https://beian.miit.gov.cn/">
            湘ICP备19022159号
          </a>
        </p>

      </div>
    </Fade>
  );
}
